<!DOCTYPE html>
<html lang="en-US">

<head th:include="front/include :: front_header"></head>

<body>
    <!-- Header Area Start -->
    <header th:include="front/topbar :: topbar"></header>
    <!-- Header Area End -->

    <!-- 背景板开始 -->
    <section class="peulis-slider-area overlay">
        <div class="peulis-slide owl-carousel">
            <div class="slider-container slider-1">
                <div class="single-slider zoom"></div>
            </div>
            <div class="slider-container slider-2">
                <div class="single-slider zoom"></div>
            </div>
        </div>
        <div class="banner-area">
            <div class="banner-caption">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-sm-12 content-home">
                            <div class="banner-welcome">
                                <h4 class="text">资源管理系统</h4>
                                <div class="caption-inner">
                                    <div class="ah-headline">
                                        <span class="ah-words-wrapper">
                                            <b class="is-visible">Welcome</b>
                                            <b>Hello</b>
                                        </span>
                                    </div>
                                </div>
                                <form action="/front/search" method="post">
                                    <p style="width:85%">
                                        <i class="fa fa-search" style="margin: 0 10px;"></i>
                                        <input id="search" name="fileName" type="text" style="margin: 0 20px;" placeholder="你想要查找什么类型的文件?" />
                                    </p>
                                    <p>
                                        <button type="submit"><i class="fa fa-search"></i> 搜索</button>
                                    </p>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 背景板结束 -->

    <!-- 文件类型开始 -->
    <section class="peulis-destination-area section_70">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="site-heading">
                        <h2>你想要查找什么类型的文件？</h2>
                        <p>欢迎大家使用</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="destination-slider owl-carousel">
                        <div class="single-destination" th:each="channel : ${channels}">
                            <a href="destination-single.html" th:href="@{'/front/info/' + ${channel.id}}">
                                <div class="destination-image">
                                        <img src="../../static/front/img/destination-1.jpg" alt="destination"  th:src="@{/front/img/destination-1.jpg}"/>
                                        <div class="destination-title">
                                            <h3 th:text="${channel.text}">分类名称</h3>
                                        </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 文件类型结束 -->

	<!-- 联系我们开始 -->
	<section class="peulis-reviews-area section_70" style="background: #FFFFFF;">
		<div class="container">
			<div class="row">
			    <div class="col-lg-12">
			        <div class="site-heading">
			            <h2>留言板</h2>
			            <p>下面是站长的联系方式，大家有什么疑问可以直接添加，另外若站长回复较慢，大家可以把问题添加在面的留言框，站长会去一一查看的，欢迎大家留言联系。</p>
			        </div>
			    </div>
			</div>
			<div class="col-sm-offset-1 col-sm-10 col-lg-offset-2 col-lg-12 content-fifth">
				<div class="row">
					<div class="col-md-4 pad" style="perspective: 1000px;">
						<div class="move" data-move-y="200px" data-move-x="-200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
							<div class="bg">
								<i class="fa fa-qq icon"></i>
								<div class="title">QQ</div>
								<p>1045619798</p>
							</div>
						</div>
					</div>
			
					<div class="col-md-4 pad" style="perspective: 1000px;">
						<div class="move" data-move-y="200px" data-move-x="0px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
							<div class="bg">
								<i class="fa fa-weixin icon"></i>
								<div class="title">微信</div>
								<p>13621475207</p>
							</div>
						</div>
					</div>
			
					<div class="col-md-4 pad" style="perspective: 1000px;">
						<div class="move" data-move-y="200px" data-move-x="200px" style="transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 1;">
							<div class="bg">
								<i class="fa fa-envelope icon"></i>
								<div class="title">邮箱</div>
								<p>1045619798@qq.com</p>
							</div>
						</div>
					</div>
				</div>
			
				<form id="form-guestbook-add" novalidate>
					<div class="row input">
						<div class="col-sm-4 ">
							<input type="hidden" name="siteId" id="siteId" value="c4dab457aa0c4cda979c50523e7148b3">
							<input type="text" name="userName" id="userName" class="form-control valid" placeholder="请输入姓名" aria-required="true" aria-invalid="false">
						</div>
						<div class="col-sm-4 ">
							<input type="text" name="mobile" id="mobile" class="form-control valid" minlength="11" maxlength="11" placeholder="请输入联系电话">
						</div>
						<div class="col-sm-4 ">
							<input type="text" name="companyName" id="companyName" class="form-control" placeholder="请输入专业班级">
						</div>
					</div>
			
					<div class="row input">
						<div class="col-sm-10 ">
							<input type="text" name="remark" id="remark" class="form-control valid" placeholder="请简要填写你的问题" maxlength="10">
						</div>
						<div class="col-sm-2 ">
							<button class="btn btn-primary" style="height: 40px;">提 交</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</section>
	<!-- 联系我们结束 -->

    <!-- Footer Area Start -->
    <footer class="peulis-footer-area" th:include="front/footer :: footer"></footer>
    <!-- Footer Area End -->


    <div th:include="front/include :: front_footer"></div>
<!--    <script>-->
<!--        $(".header-top-auth").mouseover(function(){-->
<!--            console.log("显示");-->
<!--            $('.dropdown-menu').addClass("dropdown-menu show");-->
<!--        })-->
<!--        $(".header-top-auth").mouseout(function(){-->
<!--            console.log("隐藏");-->
<!--            $('.dropdown-menu').removeClass("show");-->
<!--        })-->
<!--    </script>-->


</body>

</html>
